* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-decoration: none;
}

body {
    font-size: 16px;
}

.head {
    .head_tilte {
        padding: 0.05rem 0.2rem 0.45rem 0.2rem;

        a {
            display: block;
            background: #ff9000;
            color: #ffffff;
            padding: 0.08rem 0;
            text-align: center;
            border-radius: 0.05rem;
            font-size: .18rem;
        }
    }

    .head_content {
        padding: 0 0.12rem;

        img {
            width: 100%;
        }
    }
}

.content {
    padding: 0 0.11rem;
    padding-bottom: .47rem;
    .content_t {
        .title {
            padding-top: 0.27rem;
            padding-bottom: 0.14rem;
            font-size: .18rem;
        }
    }

    .content_c {
        border: 2px solid #ccc;
        height: 1.2rem;
        position: relative;

        .con_c_b {
            position: absolute;
            width: 100%;
            bottom: -.02rem;
            display: flex;

            .submit_left {
                border: 0.01rem solid #eceae8;
                height: .5rem;
                background: #fbfbfb;
                width: 80%;
            }

            input {
                background: #ff841d; 
                color: white;
                font-size: .18rem;
                padding: 0.12rem 0.19rem;


            }
        }
    }

    .content_b {
        .title {
            padding-top: 0.14rem;
            padding-bottom: 0.14rem;
            font-size: .18rem;
        }
        .content_b_b{
            display: flex;
            justify-content: space-between;
            align-items: center;
            .cb_left{
                width: 10%;
                a{
                    display: inline-block;
                    height: 0.45rem;
                    width:  0.45rem;  
                    img{
                        width: 100%;
                        border-radius: 50%;
                    }
                }
            }
            .cb_right{
               width: 90%;
               p{
                   height: .25rem;
                   font-size: .16rem;
                   color:#5997c0;
                   span{
                       float: right;
                       color:#9999b2;
                   }
               }
               p:nth-child(2){
                   color:#606060;
               }
            }
        }
        
    }

}

.foot {
    background: #efefef;
    .foot_t {
        display: flex;
        justify-content: space-around;
        a {
            width: 100%;
            font-size: 0.14rem;
            text-align: center;
            padding: 0.06rem 0;
            color: #000000;
            border: 0.01rem solid #c4c4c4;
            position: relative;
            span {
                display: inline-block;
                background: url("../img/top.jpg");
                height: 0.15rem;
                width: 0.15rem;
                position: absolute;
                top: 0.09rem;
                left: 0.45rem;
                background-size: 0.15rem 0.15rem;
                background-repeat: no-repeat;
            }
        }
    }
    .foot_b {
        padding: .15rem 0;
        p {
            font-size: .16rem;
            text-align: center;
            a {
                display: inline;
                font-size: .16rem;
                color: #ff0000;
            }
            span:nth-of-type(1) {
                color: #000000
            }
            span:nth-of-type(2) {
                color: #666666;
            }
        }
        p:nth-of-type(2) {
            color: #666666;
        }
    }
}